<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>决赛最终名次公布</title>
    <style type="text/css">
    body {
        width: 960px;
        margin: 0 auto;
        font-family: 微软雅黑;
        font-size: 18px;
        line-height: 1.8em;
    }

    div {
        width: 400px;
        float: left;
        margin: 0 20px 0 0
    }

    .absolute {
        position: absolute;
        left: 50px;
    }

    .bg {
        background-color: #fcc;
    }

    code {
        background-color: #ccc;
        height: 50px;
        line-height: 50px;
        display: block;
    }
    </style>
</head>

<body>
    <div>
        <h2>前十</h2>
        <p>蔡徐坤陈立农范丞丞</p>
        <p>黄明昊Justin林彦俊</p>
        <p class="bg absolute">朱正廷王子异小鬼</p>
        <p>王琳凯尤长靖毕雯珺"</p>
        <p>嗨呀</p>
        <code>都是我爱的小宝贝
			</code>
    </div>
    <div>
        <div style="position:relative">
            <h2>前二十</h2>
            <p>钱正昊卜凡灵超</p>
            <p>李希侃郑锐彬秦奋</p>
            <p class="bg absolute">朱星杰董又霖JEFFREY</p>
            <p>徐圣恩木子洋岳岳</p>
            <p>丁泽仁周彦辰黄新淳</p>
            <code>还有我的磊子
				</code>
        </div>
    </div>
</body>

</html>
